<template>
	<view class="w750">
		<!-- <u-sticky>
			<view class="w750 h90 pt10 bgfff">
				<u-tabs :list="menuList" :is-scroll="false" :current="current" @change="changeMenu"></u-tabs>
			</view>
		</u-sticky> -->
		<view class="w660 mg15">
			<view v-for="(item,index) in lists" :key="index" class="w660 pd30 br10 border_1_333333 mh100 mb20">
				<view class="" @click="gotoInfo(item)">
					<view class="d-row">
						<view class="w130 fts24" style="color: #929292;">仪器名称:</view>
						<view class=" fts24" style="color: #000000;">{{ item.deviceName }}</view>
					</view>
					<view class="d-row mt20">
						<view class="w130 fts24" style="color: #929292;">仪器类型:</view>
						<view class=" fts24" style="color: #000000;">{{ item.typeName }}</view>
					</view>
					<view class="d-row mt20">
						<view class="w130 fts24" style="color: #929292;">使用时间:</view>
						<view class=" fts24" style="color: #000000;">{{ item.expectTime }}</view>
					</view>
					<view class="d-row mt20 ">
						<view class="w130 fts24" style="color: #929292;">使用说明:</view>
						<view class=" fts24" style="color: #000000;">{{ item.deviceSpec }}</view>
					</view>
					<!-- <view class="d-row mt20">
						<view class="w130 fts24" style="color: #929292;">申请时间:</view>
						<view class="fts24" style="color: #000000;">2024-1-22 17:42:43</view>
					</view> -->
					<view class="d-row mt20">
						<view class="w130 fts24" style="color: #929292;">审批结果:</view>
						<view v-if="item.orderStatus == 0" class="fts24" style="color: #35AD1A;">借用待审批</view>
						<view v-if="item.orderStatus == 1" class="fts24" style="color: #35AD1A;">借用审批驳回</view>
						<view v-if="item.orderStatus == 2" class="fts24" style="color: #35AD1A;">借用审批通过</view>
						<view v-if="item.orderStatus == 3" class="fts24" style="color: #FF0000;">借用中</view>
						<view v-if="item.orderStatus == 4" class="fts24" style="color: #FF0000;">借用中(逾期)</view>
						<view v-if="item.orderStatus == 5" class="fts24" style="color: #FF0000;">归还待审批</view>
						<view v-if="item.orderStatus == 6" class="fts24" style="color: #FF0000;">归还审批驳回</view>
						<view v-if="item.orderStatus == 7" class="fts24" style="color: #FF0000;">归还审批通过</view>
						<view v-if="item.orderStatus == 8" class="fts24" style="color: #FF0000;">已归还</view>
						<view v-if="item.orderStatus == 9" class="fts24" style="color: #FF0000;">已归还(逾期)</view>
						<view v-if="item.orderStatus == 10" class="fts24" style="color: #FF0000;">报废</view>
					</view>
					<!-- <view v-if="item.orderStatus == 3" class="d-row mt20">
						<view class="w130 fts24" style="color: #929292;">驳回原因:</view>
						<view class="fts24" style="color: #000000;">{{ item.restitutionReject }}</view>
					</view> -->
					<!-- <view class="d-row mt20">
						<view class="w130 fts24" style="color: #929292;">取消时间:</view>
						<view class="fts24" style="color: #000000;">2024-1-22 17:42:43</view>
					</view> -->
				</view>
				<!-- <view class="d-center mt50">
					<view class="w690 h80 br10 bg_3274CB d-center ftc_fff">取消申请</view>
				</view> -->
			</view>
		</view>
	</view>
</template>
<script>
	import mixin from "./mixin";
	import mixinCom from "@/utils/mixinCom.js";
	export default {
		name: "tabbarIndex",
		mixins: [mixin, mixinCom]
	}
</script>

<style lang="scss" scoped>
	@import './index.scss';
</style>